﻿.media {background-color: #fafafa;background-image: -moz-linear-gradient(center top , #fefefe 0%, #fafafa 100%);border: 1px solid #aeb4b9;border-radius: 5px;box-shadow: 0 1px 1px #d7d7d7;width: 365px;min-height:240px}
.media .mediaPanel {margin: 0;padding: 0;}
.media .mediaImg {margin: 16px 0 -10px;height:193px;}
.media .mediaImg .mediaImgPanel {height: 164px;margin: 0;overflow: hidden;padding: 0;position: relative;width: 100%;}
.media .mediaImg img {left: 0;position: absolute;}
.media .mediaImg .mediaImgFooter {background-color: rgba(0, 0, 0, 0.4);color: #fff;height: 29px;line-height: 29px;padding: 0 11px;position: relative;text-align: left;text-shadow: none;top: -29px;}
.media .mediaImg .mediaImgFooter a:hover p {color: #b8b3b3;}
.media .mediaImg .mediaImgFooter .mesgTitleTitle {color: #fff;height: 26px;line-height: 10px;max-width: 318px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;font-family:微软雅黑}
.media .mediaContent {margin: 0;padding: 0;}
.media .mediaContent .mediaMesg {border-top: 1px solid #d7d7d7;padding: 0 10px;height:58px;}
.media .mediaContent .mediaMesg .mediaMesgDot {border-radius: 3px;display: block;height: 6px;left: 20px;position: relative;top: -3px;width: 6px;}
.media .mediaContent .mediaMesg .mediaMesgTitle:hover p {color: #1a1717;}
.media .mediaContent .mediaMesg .mediaMesgTitle a {color: #707577;}
.media .mediaContent .mediaMesg .mediaMesgTitle a:hover p {color: #444440;}
.media .mediaContent .mediaMesg .mediaMesgTitle p {color: #5d6265;line-height: 1.5em;margin-top: 2px;max-height: 45px;max-width: 286px;min-width: 176px;overflow: hidden;text-align: left;text-overflow: ellipsis;font-size:14px;font-family:微软雅黑}
.media .mediaContent .mediaMesg .mediaMesgIcon img {height: 45px;width: 45px;}
.media a:hover {cursor: pointer;}
.left {float: left;}
.right {float: right;}
.clr{clear:both;}